﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductAnalyse.aspx.cs" Inherits="AnalyseCRM.Operation.ProductAnalyse" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>产品分析</title>
    <link href="../Styles/index.css" rel="stylesheet" type="text/css" />
    <!-- 下拉菜单美化 -->
    <script type="text/javascript" src="../Scripts/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="../Scripts/divselect.js"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="../Highcharts/js/modules/exporting.js"></script>
	<script type="text/javascript">
	    $(function () {
	        var chart;
	        $(document).ready(function () {
	            chart = new Highcharts.Chart({
	                chart: {
	                    renderTo: 'container',
	                    type: 'column'
	                },

	                title: {
	                    text: '各产品交易市场\币种交易量统计'
	                },

	                xAxis: {
	                    categories: ['基金', '股票']
	                },

	                yAxis: {
	                    allowDecimals: false,
	                    min: 0,
	                    title: {
	                        text: ''
	                    }
	                },	                
	                tooltip: {
	                    formatter: function () {
	                        return '<b>' + this.x + '</b><br/>' +
                        this.series.name + ': ' + this.y + '<br/>' +
                        '合计: ' + this.point.stackTotal;
	                    }
	                },

	                plotOptions: {
	                    column: {
	                        stacking: 'normal',
	                        dataLabels: {
                                enabled: true,
                                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                            }
	                    }
	                },

	                series: [{
	                    name: '上海',
	                    data: [5000, 3000],
	                    stack: 'male'
	                }, {
	                    name: '深圳',
	                    data: [3000, 4000],
	                    stack: 'male'
	                }, {
	                    name: '人民币',
	                    data: [2000, 5000],
	                    stack: 'female'
	                }, {
	                    name: '外币',
	                    data: [3000, 1000],
	                    stack: 'female'
	                }]

	            });
	        });
	    });
		</script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="container" style="width:330px;height:240px; margin: 0 auto"></div>
    </form>
</body>
</html>
